<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>新增页面</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>

    <style type="text/css">
        table {border-collapse: collapse; font-size: 14px;
            width: 80%; margin: auto}
        table, th, td {border: 0px solid darkslategray;padding: 10px}
        body{
            background: url("https://pic2.zhimg.com/3ae866e7992a94069c7e0c417aac807d_r.jpg") no-repeat;
            background-size: 100%;
        }
        .one{
            text-align: center;
            width: 200px;
            height: 280px;
            /*margin-left: 50%;*/
            background: white;
            margin: 120px auto;
            background: seashell;
            border-radius: 30px 30px 30px 30px;
        }
        .btgn{
            font-family: "Microsoft YaHei UI";
            font-size: 16px;
            color: #255e95;
            background-color: #99CCFF;
            text-align: center;
        }
        .ccc{
            font-family: "Microsoft YaHei UI";
            font-size: 16px;
            color: white;
            background-color: lightblue;
            text-align: center;
        }

        tr:nth-child(2n){
            background-color:#FFCC99;
        }
        tr:nth-child(2n+1) {
            background-color: #99CC99;
        }

        .c{
            width: 200px;
        }

    </style>
</head>
<body>
<div class="one">

    <span style="color: #99CC99 ;font-size: 25px">新增书籍</span>
    <br/>
    <form action="/addBook" method="post" class="c">

        <tr><th class="ccc" >书名:</th>

      
            <!--/*@thymesVar id="book" type="yq.test.demo.Book.domain.Books"*/-->
            <input name="book"class="ccc" th:value="${book}"/><tr/> <br/>

        <tr><th class="ccc">价格:</th>
            
            <!--/*@thymesVar id="price" type="yq.test.demo.Book.domain.Books"*/-->
            <input name="price"class="ccc" th:value="${price}"/><tr/> <br/>
        <tr><th class="ccc">数量:</th>
          
            <!--/*@thymesVar id="nums" type="yq.test.demo.Book.domain.Books"*/-->
            <input name="nums"class="ccc" th:value="${nums}"/><tr/> <br/>
       
        <br/> <button class=" btn btn-success">提交</button>
    </form>

</div>
</body>
</html>